/**
 * 
 */


/*1、获取html元素
 * 		getElementById();
 * 		getElementByName();
 * 
 * 		Id值，依据html页面中的标签的id
 * 2、添加商品功能。
 * 3、表单拦截。
 * 
 * */

window.onload = function(){
	
//功能执行区：
	findGId();//添加商品功能
	
//查询商品号
	function findGId(){
		var gId = document.getElementById("gId");
		
		var xhr = new XMLHttpRequest();
		xhr.onreadystatechange = function(){
			if(xhr.readyState==4){
				if(xhr.status>=200 && xhr.status<300 || xhr.status==304){
					var re = xhr.responseText;
					if(re!=""){
						if(re>0){
							gId.value = re;
							gId.style.color = "white";
						}else{
							gId.value = re;
							gId.style.color = "red";
						}
					}else{
						gId.value = 0;
						gId.style.color = "red";
						console.log("Servlet:查询值返回失败！");
					}
				}else{
					console.log("xhr:请求的响应失败！");
				}
			}
		}
		
		xhr.open("post","../goods_FindServlet",true);	
		xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");	
		xhr.send("find=gId");
	}
	
	//表单拦截
	function formCheck(){
	alert("所填项不能为空");
	//获取输入的input元素
	var gName = document.getElementById("gName");
	var gType = document.getElementById("gType");
	var gPrice = document.getElementById("gPrice");
	//获取 表单 goodsAddForm 的元素
	var goodsAddForm = document.getElementById("goodsAddForm");
	
	//拦截条件
	/*1、不空。
	 * 2、规则。
	 * gname 长度 、英文字符 、 数字 、 汉字
	 * type 长度  、汉字
	 * price 长度 、 数字
	 */
		var re_name =/^[a-zA-Z0-9\u4e00-\u9fa5]{1,20}$/g;
		var re_type =/^[\u4e00-\u9fa5]{1,10}$/g;
		var re_price =/^[0-9.]{1,5}$/g;
		
		//用gNameTip反馈用户输入信息的结果
		var tip_gName = document.getElementById("gNameTip");
		var tip_gType = document.getElementById("gTypeTip");
		var tip_gPrice = document.getElementById("gPriceTip");
		
		gName.onkeyup = function(){
			var name = gName.value;
			if(re_name.test(name)){
				re_name.lastIndex=0;//每次做完一次正则表达式的test方法测试，一定要将表达式的检索位置为0。否则，再次调用时，一模一样的字符串，但居然为false
				tip_gName.innerHTML="OK";
				tip_gName.style.color="green";
			}else{
				tip_gName.innerHTML="可输入汉字、数字、英文字符,且长度不超过20位";
				tip_gName.style.color="red";
			}
		}
		gType.onkeyup = function(){
			var type = gType.value;
			if(re_type.test(type)){
				tip_gType.innerHTML="OK";
				tip_gType.style.color="green";
			}else{
				tip_gType.innerHTML="可输入汉字,且长度不超过20位";
				tip_gType.style.color="red";
			}	
					
		}
		gPrice.onkeyup = function(){
			var price = gPrice.value;
			if(re_price.test(price)){
				re_name.lastIndex=0;
				tip_gPrice.innerHTML="OK";
				tip_gPrice.style.color="green";
			}else{
				tip_gPrice.innerHTML="可输入数字和小数点,且长度不超过5位";
				tip_gPrice.style.color="red";
			}
		}
		
		
		//表单点击提交 时 ，进行拦截！
		goodsAddForm.onsubmit = function (){
			var re_name =/^[a-zA-Z0-9\u4e00-\u9fa5]{1,20}$/g;
			var re_type =/^[\u4e00-\u9fa5]{1,10}$/g;
			var re_price =/^[0-9.]{1,5}$/g;
			
			//gname检测
			re_name.lastIndex=0;
			re_type.lastIndex=0;
			re_price.lastIndex=0;
			var name = gName.value.trim();
			var type = gType.value.trim();
			var price = gPrice.value.trim();
			console.log(name);
			console.log(type);
			console.log(price);
			
			if(name!="" && type!="" && price!=""){
				if(re_name.test(name) && re_type.test(type) && re_price.test(price)){
					console.log("提交成功");
					alert("提交成功");
					return true;
				}else{
					console.log("所填项必须合法");
					alert("所填项必须合法");
					return false;
				}
			}else{
				console.log("所填项不能为空");
				alert("所填项不能为空");
				return false;
			}
		}
	}
}